/* pages/butler/butler.wxss */

.menu{
    width:100%;
    display:flex;
    padding:15rpx 0;
    flex-wrap: wrap;
    font-size:9pt;
  }
  .menu .item{
    width:20%;
    text-align:center;
    margin:15rpx 0;
  }
  .menu .item image{
    width:100rpx;
    height:100rpx;
  }
  .menu .item view{
    text-align:center;
    color:#2c2c2c;
  }
  
.tools{
    display:flex;
    padding:30rpx 0;
    border-bottom:1rpx solid #f1f1f1;
  }
  .tools>view{
    flex:1;
    height:300rpx;
  }
  .tools .lt{
    margin-right:20rpx;
    background:#f1f1f1;
    border-radius:15rpx;
  }
  .tools .rt view{
    height:140rpx;
    background:#f1f1f1;
    border-radius:15rpx;
  }
  .tools .rt view.t{
    margin-bottom:20rpx;
  }
  
  .notice{
    margin-top:30rpx;
  }
  
  .notice .title{
    font-size:15pt;
    font-weight:bold;
    color:#2c2c2c;
  }
  .notice .subtitle{
    font-size:9pt;
    color:#8a8a8a;
  }
  .notice .list{
    margin-top:30rpx;
  }
  .notice .list .item{
      display:flex;
      margin-bottom:30rpx;
  }
  .notice .time {
    width:160rpx;
  }
  .notice .content {
    flex:1;
    display:flex;
  }
  .notice .time .day{
     font-size:15pt;
     margin-right:20rpx;
  }
  .notice .time .month{
     font-size:9pt;
  }
  
  .notice .content image{
    width:120rpx;
    height:120rpx;
    background:#f1f1f1;
  }
  .notice .content .info{
     font-size:11pt;
     margin-left:15rpx;
  }